<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>零件采购</title>
    <script type="text/javascript" src="../../../../../plug-in/jquery/jquery-1.8.3.js" ></script>
    <script src="../../../wx/wx-plug-in/js/mui.min.js"></script>
    <link href="../../../wx/wx-plug-in/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" charset="utf-8">
        mui.init();console.log(2323232);
        mui.plusReady(function(){
            alert(123)
            var _SELF = mui.currentWebview;

        })
    </script>
</head>
<body>
	<div class="inxp inn">
	<table class="buy">
				<tr class="buyr">
	<td>产品名称</td>
  <td class="zb">数量</td>
  <td>金额</td>
</tr>
<tr>
	<td>巴可冷却循环套装</td>
  <td class="zb">1</td>
  <td class="sk_tt">￥5760.00</td>
</tr>
	<tr>
	<td>巴可冷却循环套装</td>
  <td class="zb">2</td>
  <td class="sk_tt">￥5760.00</td>
</tr>
<tr class="zj">
	<td>合计</td>
  <td class="zb">3</td>
  <td class="sk_tt">￥12000.00</td>
</tr>
</table>
						</div>
	<div class="mui-card" style="margin: 0;box-shadow:none; background: none;">
				<ul class="mui-table-view hn">
					<li>
						<div class="mui-input-row mui-checkbox mui-left li_f mui-clearfix">
						<div class="inr" style="margin-left: 15px;">
							<h3><img src="images/about.jpg" style="max-width: 5px;margin-right: 10px; vertical-align: bottom;">服务协议</h3>
							<div class="inrr" style="padding-bottom: 10px;">
								在本协议执行过程中，如果出现了不可抗力事件，并在事实上影响本协议的正确履行时，受不可抗力情况影响的一方应尽快将情况通知对方，并尽快证明文件提交对方确认。
							</div>
						</div>
					</div>
					</li>
					<li>
						<div class="mui-input-row mui-checkbox mui-left li_f mui-clearfix">
						<div class="inr" style="margin-left: 15px;">
							<h3><img src="images/about.jpg" style="max-width: 5px;margin-right: 10px; vertical-align: bottom;">联系人资料</h3>
							<div class="inrr" style="padding-bottom: 10px;">
								<h4><span>联系人</span>张三三</h4>
								<h4><span>邮箱</span>459663695@qq.com</h4>
								<h4><span>电话</span>18610771055</h4>
								<h4><span>所属影院</span>中影国际影城（天津永旺店）</h4>
								<h4><span>地址</span>天津市西青区中北工业园区</h4>
							</div>
						</div>
					</div>
					</li>
				</ul>
		</div>	
		<div class="inr" style="margin-left: 15px; margin-top: 30px;">
							<h3 style=" border-bottom: none; padding-bottom: 10px;"><img src="images/about.jpg" style="max-width: 5px;margin-right: 10px; vertical-align: bottom;">发票信息</h3>
						</div>
		<div class="mui-card" style="margin: 0; margin-top: 1px;">
			<form class="mui-input-group" style="border: none;">
									<span style="float: left;padding: 15px; color: #333; font-size: 14px;">是否开发票</span>
					<div class="mui-input-row mui-radio mui-left ra">
						<label>是</label>
						<input name="radio1" type="radio" class="shi">
					</div>
					<div class="mui-input-row mui-radio mui-left ra">
						<label>否</label>
						<input name="radio1" type="radio" checked class="fou">
					</div>
				</form>
			</div>
			<div class="kow ds" style="margin-top: 10px; display: none;">
			<ul class="mui-table-view">
				<!--<li class="mui-table-view-cell">-->
				<!--<span style="width: 80px; float: left; line-height: 40px; font-size: 14px; text-align: right; padding-right: 10px;">发票类型 </span>-->
					<!--<div class="mui-input-row mui-radio mui-left ra">-->
						<!--<label style="line-height: 1.1;">专用</label>-->
						<!--<input name="radio1" type="radio" style="top: 0;" class="zhuny">-->
					<!--</div>-->
					<!--<div class="mui-input-row mui-radio mui-left ra">-->
						<!--<label style="line-height: 1.1;">普通</label>-->
						<!--<input name="radio1" type="radio" style="top: 0;"checked class="put">-->
					<!--</div>-->
				<!--</li>-->
				<li class="mui-table-view-cell">
				<span style="width: 80px; float: left; line-height: 40px; font-size: 14px; text-align: right; padding-right: 10px;">发票抬头 </span>
					<div class="mui-input-row">
					<input id='account' type="text" class=" mui-input" style="width:86%; margin-bottom: 0; height: 30px; margin: 5px 0; font-size: 14px;">
				</div>
				</li>
			</ul>
			<div class="kow zy" style="display: none;">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
				<span style="width: 80px; float: left; line-height: 40px; font-size: 14px; text-align: right; padding-right: 10px;">税号 </span>
					<div class="mui-input-row">
					<input id='account' type="text" class=" mui-input" style="width:86%; margin-bottom: 0; height: 30px; margin: 5px 0; font-size: 14px;">
				</div>
				</li><li class="mui-table-view-cell">
				<span style="width: 80px; float: left; line-height: 40px; font-size: 14px; text-align: right; padding-right: 10px;">银行名称 </span>
					<div class="mui-input-row">
					<input id='account' type="text" class=" mui-input" style="width:86%; margin-bottom: 0; height: 30px; margin: 5px 0; font-size: 14px;">
				</div>
				</li>
				<li class="mui-table-view-cell">
				<span style="width: 80px; float: left; line-height: 40px; font-size: 14px; text-align: right; padding-right: 10px;">银行卡账号 </span>
					<div class="mui-input-row">
					<input id='account' type="text" class=" mui-input" style="width:86%; margin-bottom: 0; height: 30px; margin: 5px 0; font-size: 14px;">
				</div>
				</li>
			</ul>
		</div>
		</div>
		<script>
			$(function(){
				$('.shi').click(function(){
					$('.ds').show();
				})
				$('.zhuny').click(function(){
					$('.zy').show();
				})
				$('.fou').click(function(){
					$('.ds').hide();
				})
				$('.put').click(function(){
					$('.zy').hide();
				})
			})
		</script>
		<div class="mui-card" style="margin: 0; margin-top: 10px;">
			<form class="mui-input-group" style="border: none;">
									<span style="float: left;padding: 15px; color: #333; font-size: 14px;">是否上门服务</span>
					<div class="mui-input-row mui-radio mui-left ra">
						<label>是</label>
						<input name="radio1" type="radio" class="shi">
					</div>
					<div class="mui-input-row mui-radio mui-left ra">
						<label>否</label>
						<input name="radio1" type="radio" checked>
					</div>
				</form>
			</div>
		<div class="mui-content-padded" id="tj">
				<a class="mui-btn mui-btn-block mui-btn-primary">提交订单</a>
			</div>
			<!--签到弹窗输入设备-->
										<div class="mui-backdrop" style="display: none;">
			<div class="tanc">
				<h1>提交订单成功！</h1>
				<h3>我们的工程师会通过电话与您确定联系，请保持电话通畅</h3>
				<h4>您可以在个人中心-我的订单中查看订单情况</h4>
				<a href="#" class="que">确认</a>
			</div>
     </div>
 <script type="text/javascript">
$(document).ready(function(){
	$('#tj').click(function(){
	$('.mui-backdrop').show();
	})
	$('.que').click(function(){
	$('.mui-backdrop').hide();
	})
})
</script>
</body>
</html>